<%@page import="com.bt.web.controller.logic.java.servlets.AdministradorServlet"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <jsp:include page="templates/head_administrador.jsp"/>
        <script type="text/javascript" src="WEB-CONTENT/js/bt.administrador_pagina.js"></script>
        <title>Empresa - Bolsa Universitaria de Trabajo</title>
    </head>
    <body id="33" class="bt_container_main_administrar_pagina" >
        <div id="bt_container_page">
            <div id="bt_container_top">
                <div id="bt_container_header">
                    <jsp:include page="templates/header.jsp"/>                
                </div>
                <div id="bt_container_main_administrador_usuario">
                    <jsp:include page="templates/usuario.jsp"/>
                </div>                
            </div>
            <div id="bt_container_sidenav">
                <jsp:include page="templates/nav_administrador.jsp"/>
            </div>
            <div id="bt_container_main">                
                <div id="bt_container_main_administrar_pagina" class="submain">
                    <h2><img alt="" src="WEB-CONTENT/img/iconos/sl-adm_usr.gif"/><span>Administrar Pagina</span></h2>
                    <ul id="form_administrar_pagina">
                        <li>
                            <h5>Habilidades y Conocimientos</h5>                            
                            <div class="borde_bottom"></div>
                            <div id="form_administrar_habilidades" class="formulario">
                                <table>
                                    <tr>
                                        <td colspan="4">
                                            <p class="note" style="padding: 0;">
                                                <b>VISTA PREVIA :</b> Esta es solo una vistra previa. No poseen funcionalidad. 
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="border-bottom: 1px dashed #CCCCCC;padding: 0;"></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Sector :</td>
                                        <td width="470px;">
                                            <select id="slt_sector" class="select320" onchange='refrescarHabilidad(this)'>
                                                <option value="0" selected>Selecciona</option>
                                            </select>
                                        </td>
                                    </tr>    
                                    <tr>
                                        <td class="lbl_form">Habilidad :</td>
                                        <td>
                                            <select id="slt_habilidad" class="select320" onchange='refrescarConocimientos(this)'>
                                                <option value="0" selected>Selecciona un Sector</option>
                                            </select>&nbsp;&nbsp;&nbsp;
                                            <a id="lnk_agregar_habilidad" href="#!" class="link" onclick="mostrarAgregar('habilidad')" style="float: none;font-size: 10px; display: none;">Agregar Habilidad</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form" style="padding-top: 10px;">Conocimientos en :</td>
                                        <td valign="bottom">
                                            <a id="lnk_agregar_conocimiento" href="#!" class="link" onclick="mostrarAgregar('conocimiento')" style="float: none;font-size: 10px; display: none;">Agregar Conocimiento</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="padding: 0 5px;">
                                            <table id="tbl_conocimientos">
                                                <tr>
                                                    <td></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr> 
                                </table>
                            </div>
                            <div id="grid_administrar_habilidad">
                                <table class="grid">
                                    <tr>
                                        <td>                                            
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="bt_container_footer">
                <jsp:include page="templates/footer.jsp"/>
            </div>
        </div>
    </body>
</html>
